<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>对象</title>
</head>
<body>
    
</body>
</html>
<script>
    /*
        对象的基本操作 ： 
                1️⃣   创建对象
                   
                2️⃣   增删改查

    */

    //✅ 创建对象

    /*
        使用 new 关键字调用函数，是构造函数 constructor
          构造函数是专门用来创建对象的函数
        使用 typeof 检查一个对象时，会返回object
    */
    var obj = new Object();
    

    /*
        在对象中保存的值称为属性
        向对象中添加属性
            语法： 对象 . 属性名 = 属性值;   ⭐ 增 🟢
    */
    // 向 obj 中添加一个 name 属性
    obj.name = "孙悟空";
    // 向 obj 中添加一个 gender 属性
    obj.gender = "男";
    // 向 obj 中添加一个 age 属性
    obj.age = 18;

    /*
        读取对象中的属性
         语法：对象. 属性名                  ⭐ 查 🔵

        如果读取对象中没有的属性，不会报错，而是返回undefined   
    */
    document.write(obj.name);
    console.log(obj.age);
    /*
        修改对象的属性值
         语法：对象.属性名 = 新值            ⭐ 改 🟡

    */
   obj.name = "汤米";
   console.log(obj.name);
    /*
        删除对象的属性
          语法：delete 对象.属性名           ⭐ 删 🔴

    */
    delete obj.name;
    console.log(obj.name);
</script>